<!--{foreach item=item from=$singlecate}-->
  <!--{if $item.type eq 1}-->
    <!--{if $item.cssid eq 1}-->
    <div class="section section1">
        <a class="logo">
            <div class="logo-img fadeIn-element" style="background: url(<!--{$config.site_logo}-->) no-repeat;background-size: 100%;"></div>
        </a>
        <div class="center-container-home introduction" style="pointer-events:none">
            <div class="center-block-home">
                <div class="hero-wrapper fadeIn-element">
                    <span class="hero-subtitle"><!--{$item.title}--></span>
                    <div class="inner-divider-half"></div>
                    <h1 class="hero-home">
                        <!--{$item.introduction}-->
                    </h1>
                </div>
            </div>
        </div>
        <div class="bottom-credits fadeIn-element">
            <!--{$config.site_copy}-->
        </div>
        <div class="section-image-wrapper">
            <div class="section-image"></div>
            <div class="slick-fullscreen-slideshow-zoom-fade">
                <!--{foreach item=item from=$ad}-->
                <div class="slick-fullscreen-item">
                    <!--{if $item.chainurl =='#' || empty($item.chainurl) }-->
                    <div class="slick-fullscreen-img-fill">
                        <div class="bg-img" style="background: url(<!--{$item.imgurl}-->) no-repeat center;"></div>
                        <div class="bg-imgm" style="background: url(<!--{if isset($item.mimgurl)}--><!--{$item.mimgurl}--><!--{/if}-->) no-repeat center; background-size: 100% 100%"></div>
                    </div>
                    <!--{else}-->
                    <a href="<!--{$item.chainurl}-->" target="_blank">
                        <div class="slick-fullscreen-img-fill">
                            <div class="bg-img" style="background: url(<!--{$item.imgurl}-->) no-repeat center;"></div>
                            <div class="bg-imgm" style="background: url(<!--{if isset($item.mimgurl)}--><!--{$item.mimgurl}--><!--{/if}-->) no-repeat center; background-size: 100% 100%"></div>
                        </div>
                    </a>
                    <!--{/if}-->
                </div>
                <!--{/foreach}-->
            </div>
        </div>
        <div class="scroll-indicator fadeIn-element">
            <div class="scroll-indicator-wrapper">
                <div class="scroll-line"></div>
            </div>
        </div>
    </div>
    <!--{else if $item.cssid eq 2}-->
    <div class="section section-all section2">
        <div class="inner-divider-mobile"></div>
        <div class="inner-divider-mobile"></div>
        <div class="center-container">
            <div class="center-block">
                <div class="container-wrapper-all">
                    <div class="hero-wrapper-all">
                        <span class="hero-subtitle"><!--{$item.acode}--></span>
                        <div class="inner-divider-half"></div>
                        <!--{if $item.url =='#' || empty($item.url) }-->
                        <h1><!--{$item.title}--></h1>
                        <!--{else}-->
                        <h1><a href="<!--{$item.url}-->" target="_blank"><!--{$item.title}--></a></h1>
                        <!--{/if}-->
                    </div>
                    <div class="inner-divider-large"></div>
                    <!--{if $item.url =='#' || empty($item.url) }-->
                    <div class="aboutrow"><!--{$item.introduction}--></div>
                    <!--{else}-->
                    <div class="aboutrow"><a href="<!--{$item.url}-->" target="_blank"><!--{$item.introduction}--></a></div>
                    <!--{/if}-->
                </div>
            </div>
        </div>
        <div class="section-image-wrapper">
            <div class="section-image section-image-bg bg-img" style="background: url(<!--{$item.imgurl}-->) no-repeat;"></div>
            <div class="section-image section-image-bg bg-imgm" style="background: url(<!--{if isset($item.mimgurl)}--><!--{$item.mimgurl}--><!--{/if}-->) no-repeat center; background-size: 100% 100%"></div>
        </div>
        <div class="inner-divider-mobile"></div>
        <div class="inner-divider-mobile"></div>
    </div>
    <!--{else if $item.cssid eq 3}-->
    <div class="section section-all section2">
        <div class="inner-divider-mobile"></div>
        <div class="inner-divider-mobile"></div>
        <div class="center-container">
            <div class="center-block">
                <div class="container-wrapper-all">
                    <div class="hero-wrapper-all">
                        <span class="hero-subtitle"><!--{$item.acode}--></span>
                        <div class="inner-divider-half"></div>
                        <h1><!--{$item.title}--></h1>
                    </div>
                    <div class="inner-divider-large"></div>
                    <div class="row" style="display: flex;justify-content: space-between;">
                        <!--{foreach item=items from=$item.single}-->
                        <div>
                            <h3><!--{$items.title}--></h3>
                            <p><a href="<!--{$items.url}-->"><img src="<!--{$items.imgurl}-->" style="width:60%"></a></p>
                            <div class="inner-divider-mobile"></div>
                        </div>
                        <!--{/foreach}-->
                    </div>
                </div>
            </div>
        </div>
        <div class="section-image-wrapper">
            <div class="section-image section-image-bg bg-img" style="background: url(<!--{$item.imgurl}-->) no-repeat;"></div>
            <div class="section-image section-image-bg bg-imgm" style="background: url(<!--{if isset($item.mimgurl)}--><!--{$item.mimgurl}--><!--{/if}-->) no-repeat center; background-size: 100% 100%"></div>
        </div>
        <div class="inner-divider-mobile"></div>
        <div class="inner-divider-mobile"></div>
    </div>
    <!--{else if $item.cssid eq 4}-->
    <div class="section section-all section3">
        <div class="inner-divider-mobile"></div>
        <div class="inner-divider-mobile"></div>
        <div class="center-container">
            <div class="center-block">
                <div class="container-wrapper-all">
                    <div class="hero-wrapper-all">
                        <span class="hero-subtitle"><!--{$item.acode}--></span>
                        <div class="inner-divider-half"></div>
                        <h1><!--{$item.title}--></h1>
                    </div>
                    <div class="inner-divider-large"></div>
                    <div class="row">
                        <!--{foreach key=key item=item from=$custer }-->
                        <div class="submitwrapper">
                            <a href="<!--{$item.kefu_url}-->" target="_blank" class="the-button the-button-submit" id="submit-2" ><span><!--{$item.name}--></span></a>
                        </div>
                        <!--{/foreach}-->
                    </div>
                </div>
            </div>
        </div>
        <div class="section-image-wrapper">
            <div class="section-image section-image-bg bg-img" style="background: url(<!--{$item.imgurl}-->) no-repeat;"></div>
            <div class="section-image section-image-bg bg-imgm" style="background: url(<!--{if isset($item.mimgurl)}--><!--{$item.mimgurl}--><!--{/if}-->) no-repeat center; background-size: 100% 100%"></div>
        </div>
        <div class="inner-divider-mobile"></div>
        <div class="inner-divider-mobile"></div>
    </div>
    <!--{/if}-->
    <!--{else if $item.type eq 2}-->
    <!--{if $item.cssid eq 1}-->
    <div class="section section-all section2">
        <div class="inner-divider-mobile"></div>
        <div class="inner-divider-mobile"></div>
        <div class="center-container">
            <div class="center-block">
                <div class="container-wrapper-all">
                    <div class="hero-wrapper-all">
                        <span class="hero-subtitle"><!--{$item.acode}--></span>
                        <div class="inner-divider-half"></div>
                        <h1><!--{$item.title}--></h1>
                    </div>
                    <!--{if !empty($item.single) }-->
                    <div class="topsubtitle">
                        <!--{foreach item=news key=k from=$item.single}-->
                        <a href="<!--{$news.url}-->" <!--{if $news.is_target}-->target="_blank"<!--{/if}--> ><!--{$news.title}--></a>
                        <!--{/foreach}-->
                    </div>
                    <!--{/if}-->
                    <div class="inner-divider-large"></div>
                    
                    <div >
                    <!--{foreach item=suinfo key=i from=$item.list}-->
                    <div style="text-align: left; margin-bottom: 20px; border-bottom: 1px #fff dashed">
                        <a href="<!--{if $suinfo.is_open}--><!--{$suinfo.open_url}--><!--{else}--><!--{$suinfo.url}--><!--{$suinfo.id}--><!--{/if}-->" target="_blank"  >
                        	<span>0<!--{$i+1}--></span>
                        	<span><!--{$suinfo.title}--></span>
                        </a>                      
                    </div>
                    <!--{/foreach}-->
                    </div>

                </div>
            </div>
        </div>
        <div class="section-image-wrapper">
            <div class="section-image section-image-bg bg-img" style="background: url(<!--{$item.imgurl}-->) no-repeat;"></div>
            <div class="section-image section-image-bg bg-imgm" style="background: url(<!--{if isset($item.mimgurl)}--><!--{$item.mimgurl}--><!--{/if}-->) no-repeat center; background-size: 100% 100%"></div>
        </div>
        <div class="inner-divider-mobile"></div>
        <div class="inner-divider-mobile"></div>
    </div>
    <!--{/if}-->
  <!--{/if}-->
<!--{/foreach}-->